import { JSX } from 'react'
import styles from './title-bar.module.scss'
import { CloseOutlined } from '@ant-design/icons'

interface Props {
  onClose: () => void
}

export function TitleBar(props: Props): JSX.Element {
  return (
    <div className={styles['tittle-bar-wrap']}>
      <CloseOutlined
        onClick={props.onClose}
        className={styles['win-close']}
        style={{ fontSize: 20 }}
      />
    </div>
  )
}
